<template>
  <div style="height: 785px;">

    <el-row :gutter="0" style="background:white;border-bottom: 1px solid #CCCCCC;margin: -20px;text-align: left;height: 40px;line-height: 40px">
      <el-col :span="24" :offset="0">
        <el-button type="text" @click="goback" style="color: black"><i class="el-icon-arrow-left" ></i>&nbsp;&nbsp;额度管理</el-button>
      </el-col>
    </el-row>


    <el-card class="box-card" style="background: white;margin-top: 40px;"><!--#336699-->
      <div style="margin-top: 15px;">我的总额度（元）</div>
      <div style="margin-top: 25px;margin-bottom: 35px;font-size:50px;">{{money1}}</div>
    </el-card>



    <div style="background:white;margin-top: 40px;margin-left: -20px;margin-right: -20px;">
      <el-tabs v-model="activeName" type="card" @tab-click="handleClick" style="line-height: 40px">
        <!--额度组成明细-->
        <el-tab-pane label="额度组成明细" name="first" >
          <el-row :gutter="0" style="padding-bottom: 10px;border-bottom: 1px solid #E5E6EE;">
            <el-col :span="7" :offset="1" style="text-align: left;margin-top: 10px">
              <div>基础额度</div>
              <div style="font-size: 25px;margin-top: -10px">10000.00</div>
            </el-col>
            <el-col :span="7" :offset="8" style="text-align: right;margin-top: 25px">
              <el-button round style="color: blue">调整额度</el-button>
            </el-col>
          </el-row>

          <el-row :gutter="0" style="padding-bottom: 10px;border-bottom: 1px solid #E5E6EE;">
            <el-col :span="7" :offset="1" style="text-align: left;margin-top: 10px">
              <div>基础额度</div>
              <div style="font-size: 25px;margin-top: -10px">10000.00</div>
            </el-col>
            <el-col :span="7" :offset="8" style="text-align: right;margin-top: 25px">
              <el-button round style="color: blue">调整额度</el-button>
            </el-col>
          </el-row>
        </el-tab-pane>


        <!--临时额度调整记录-->
        <el-tab-pane label="临时额度调整记录" name="second">
          临时额度调整记录<br/>
          临时额度调整记录<br/>
          临时额度调整记录<br/>
        </el-tab-pane>

      </el-tabs>
    </div>


  </div>
</template>

<script>
    export default {
      name: "myQuotaDetail",
      data(){
        return {
          money1:'10000.00',
          activeName: 'first',
        };
      },
      methods: {
        goback:function () {
          this.$router.push("/myQuota")
        },
        myQuotaDetail:function () {
          this.$router.push("/myQuotaDetail")
        },
        fun1:function () {
          this.$router.push("/borrowReal")
        },
        fun2:function () {
          this.$router.push("/borrowRecord")
        },

      },
      mounted:{

      }
    }
</script>

<style scoped>

</style>
